import { Spin } from 'antd';
import { createRoot } from 'react-dom/client'
import './index.css'
import App from './App.tsx'
import store from './store'
import { Provider } from 'react-redux'
const contentStyle: React.CSSProperties = {
  padding: 50,
  background: 'rgba(0, 0, 0, 0.05)',
  borderRadius: 4,
};

const content = <div style={contentStyle} />;
createRoot(document.getElementById('root')!).render(
  <div style={{ width: '100%', height: '100%' }}>

    <Provider store={store}>
      <App />
    </Provider>
    <div id='loading' style={{
      display: 'none',
      dispaly: 'flex',
      justifyContent: 'center',
      alignContent: 'center'
    }}

    >
      <Spin

        tip="Loading"
        size="large"
        fullscreen
        style={{
          dispaly: 'flex',
          justifyContent: 'center',
          alignContent: 'center'
        }}
      >
        {content}
      </Spin>
    </div>

  </div>







)
